iT邦幫忙

2018 iT 邦幫忙鐵人賽
DAY 5
1
Modern Web

Google Tag Manager Micro Challenge系列 第 5

GTM 05 - 設定 Google Analytics 的網頁瀏覽(Pageview)

  • 分享至 

  • xImage
  •  

GTM 社團


前一篇文章說明了 GTM 最重要的三個元素代碼(Tag)、觸發條件(Trigger)和變數(Variables),接下來要透過設定 Google Analytics 的頁面瀏覽(Pageview)

建立 GA - Pageview 代碼

  • 切換到「代碼」(Tag)頁籤
  • 按一下紅色的「新增」(New)按鈕
  • 輸入「代碼名稱」:GA - Pageview (記得輸入好識別的名稱)
  • 按一下「代碼設定」(Tag Congfiguration)
  • 選擇「通用 Analytics (分析)」(Universal Analytics) (新版 Google Analytics 的原生代碼)

我們會看到下圖

https://ithelp.ithome.com.tw/upload/images/20171214/20107582ck4pcXoHJf.png

  • 追蹤類型(Track Type)選擇「網頁瀏覽」(Pageview)
  • Google Analytics (分析) 設定選擇「新增變數」(New Variable…)

頁面會出現一個新的 Panel,如下圖所示,這邊代表要設定一個新的變數 (建議大家會重覆用的 ID 可以設定為變數,這樣之後用到選對應的變數即可!)

https://ithelp.ithome.com.tw/upload/images/20171214/20107582i9Z28eAxtN.png

這邊的變數類型已經選擇好是「Google Analytics(分析)設定」(Google Analytics settings)代表這是給 GA 專用的變數

  • 在追蹤編號(Tracking ID)中填入網站的 GA ID (UX-XXXXXX-X)
  • 按一下「儲存」(Save),回到原本的代碼設定畫面

建立觸發條件

  • 按一下「觸發條件」(Triggering)
  • 在開啟的 Panel 中,選擇「所有網頁」(All Page),這是預設的觸發條件,完成後如下圖:
  • 按下「儲存」(Save),即完成新增代碼

https://ithelp.ithome.com.tw/upload/images/20171214/20107582PB2igCdOBZ.png

要如何知道已經設定成功能,我們可以透過右上角「預覽」(Prview)的按鈕,按一下代表已經開啟預覽模式,回到我們的網站上如果有看到下圖,設定好的代碼,顯示在「Tags Fired On This Page:」表示代碼有成功的設定

https://ithelp.ithome.com.tw/upload/images/20171214/201075828bsilDfxY9.png

歡迎來職涯社群的 GTM 社團一起討論哦!
原文章


上一篇
GTM 04 - 代碼(Tag)、觸發條件(Trigger)和變數(Variable)
下一篇
GTM 06 - 設定 Google Analytics 的事件追蹤(Event Tracking)
系列文
Google Tag Manager Micro Challenge30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

1
dancegame
iT邦新手 5 級 ‧ 2017-12-23 09:36:45

可以透過變數+觸發,結合同一個GTM帳號管理多個GAID,這麼好用,不推嗎??

lmrcits iT邦新手 5 級 ‧ 2018-12-30 20:06:31 檢舉

HI,麻烦告诉我怎么实现吗?

lmrcits iT邦新手 5 級 ‧ 2018-12-30 22:01:59 檢舉

已自行解决~

我要留言

立即登入留言